<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>华为商城_订单成功_付款页面</title>
	
	<!--[原创制作]_[忠标 | 北京2016.1.6 版权著作]--->
	
	<style type="text/css">

	*{margin: 0px;padding: 0px;}

	</style>

	<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" href="css/css.css" />

	<script type="text/javascript" >
	
	</script>
</head>
<body>
	<!--顶部头部开始-->
	<div class="shortcut">
		<div class="layout">
			<!--顶部-左侧-->
			<div class="s-sub">
				<ul>
					<li class="s-hw">
						<a href="#" target="_blank">华为官网</a>
					</li>
					<li class="s-honor">
						<a href="#" target="_blank">华为荣耀</a>
					</li>
					<li class="s-appsoft">
						<div class="s-dropdown">
							<div class="h">
								<a href="#" target="_blank">软件应用</a>
								<s></s>
							</div>
							<div class="b">
								<p><a href="#" target="_blank">EMUI</a></p>
								<p><a href="#" target="_blank">应用市场</a></p>
								<p><a href="#" target="_blank">云服务</a></p>
								<p><a href="#" target="_blank">开发者联盟</a></p>
							</div>
						</div>
					</li>
					<li class="s-club">
						<a href="#" target="_blank">花粉俱乐部</a>
					</li>
					<li class="s-sr">
						<a href="javascript:;" onclick="showSelectRegion()">Select Region</a>
					</li>
				</ul>
			</div>
			<!--顶部-右侧-->
			<div class="s-main">
				<ul>
					<!--没有登入的时候-->
					<li class="s-login" id="unlogin_status" style="display: none;">
							<a href="#" rel="nofollow">登录</a>
							&nbsp;&nbsp;&nbsp;<a href="#" rel="nofollow">注册</a>
					</li>
					<!--登入的时候-->
					<li class="s-user hide" id="login_status" style="display: list-item;">
						<!--
							ie6下鼠标悬停追加ClassName： hover
							示例：[ s-dropdown hover ]
						-->
						<div class="s-dropdown">
							<div class="h">
								<a href="myhome.html" id="customer_name" rel="nofollow" timetype="timestamp" class="link-user">荒城&nbsp;旧梦</a>
								 <em class="vip-state" id="vip-info">
									<a class="link-noAct" href="#" id="vip-inActive" title="请完善个人信息，即刻享受会员特权" style="display: none;">去激活</a>
									<a href="#" title="V0" id="vip-Active"><i class="icon-vip-level-0"></i>&nbsp;</a>
								</em>
								<s></s>
							</div>
							<div class="b">
								<p><a href="#" target="_blank" id="user-center">我的华为帐号</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#account/logout">退出</a></p>
							</div>
						</div>
					</li>
					<li class="s-myOrders">
						<a href="#" rel="nofollow" timetype="timestamp">我的订单</a>
					</li>
					<li class="s-promo"><a href="#" rel="nofollow">V码(优购码)</a></li>
					<li class="s-hwep hide" id="preferential"></li>
					<li class="s-mobile"><a href="#" target="_blank">手机版</a></li>
					<li class="s-sitemap">
						<div class="s-dropdown">
							<div class="h">
								<a href="javascript:;">网站导航</a>
								<s></s>
							</div>
							<div class="b">
								<p><a href="#">帮助中心</a></p>
								<p><a href="/" target="_blank">PC软件</a></p>
								<p><a href="/" target="_blank">数字音乐</a></p>
								<p><a href="/" target="_blank">爱旅</a></p>
								<p><a href="/" target="_blank">华为网盘</a></p>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--顶部-右侧/-->
			
		</div>
		
	</div>
	<!--顶部/-->
		
	<!-- 导航 /-->
	<!--顶部头部-[公用]-结束/-->
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<!--我的购物车部-[VM]-开始部分-->
	<!--购物步奏信息栏-->
	<div class="order-header">
		<div class="g">
	    	<div class="fl">
	            <div class="logo"><a href="#" title="华为商城"><img src="./images/newLogo.png" alt="华为商城"></a></div>
	        </div>
	        <div class="fr">
	            
	            <div class="progress-area progress-area-3">
	                <!--购物订单步奏通过display: block来控制进度流程-->
	                <div id="progress-cart" class="progress-sc-area hide" >我的购物车</div>
	                
	                <div id="progress-confirm" class="progress-co-area hide" >填写核对订单信息</div>
	                
	                <div id="progress-submit" class="progress-sso-area hide" style="display: block;">成功提交订单</div>
	            </div>
	        </div>
	    </div>
	</div>
	<!--购物车中/商品信息核对栏-->
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<!--我的购物车部-[订单提交成功]-开始-->
	<!--订单提交成功 -->
	<div class="layout">
	<!-- 20131130-订单-确认-鼠标悬停增加ClassName： order-confirm-expand -->
    <div class="order-confirm order-confirm-expand" id="order-confirm-detail">
		<div class="h">
			<s class="icon-success-7"></s>
			<h3>订单提交成功，请您尽快付款！</h3>	
			<p name="order-pay-info" ordertype="">订单号：&nbsp;&nbsp;1840055649&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;付款金额（元）：&nbsp;&nbsp;<b>
				1999.00
			</b>&nbsp;<b>元</b></p>
			<div class="tips">请您在&nbsp;&nbsp;<b id="lastPayTime">2016-01-09 11:18</b>&nbsp;完成支付，否则订单将自动取消。</div>
			<div class="hr-5"></div>
		</div>
		<div class="b" style="display: block;">
			<table border="0" cellpadding="0" cellspacing="0">
				<tbody>
				
					<tr>
						<th>订单编号：</th>
						<td><span>1840055649</span></td>
					</tr>
					<tr>
						<th>订单金额：</th>
						<td>
							1999.00元	
						</td>
					</tr>
					
					<tr>
						<th>收货信息：</th>
						<td>
							北京北京朝阳区北京市朝阳区北五环孙河顺白路12号后盾教学楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							赖忠标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							18070144620
						</td>
					</tr>

					
					<tr>
						<th>购买日期：</th>
						<td>2016-01-08 11:18:26</td>
					</tr>
					<tr>
						<th>配送方式：</th>
						<td>
							由默认快递公司配送&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							运费￥0.00							
						</td>
					</tr>
					<tr>
						<th>发票信息：</th>
						<td>个人</td>
					</tr>
					
				</tbody>
			</table>
		</div>
		<div class="f"><a href="javascript:;" onclick="$('#order-confirm-detail').toggleClass('order-confirm-expand')">订单详情<i></i><s></s><b></b></a></div>
	</div><!-- 20131130-订单-确认-end -->

	<!--订单-表单-支付方式-20121012 -->
<!--订单-表单-支付方式-20121012 -->
<div class="order-form-area">
<div class="order-payment" id="order-payment-mod">
	<h3 class="title">选择支付方式
		<b>[&nbsp;<a title="重新选择支付方式" href="javascript:;" onclick="ec.order.payment.edit()">重新选择</a>&nbsp;]</b>
	</h3>
    <div class="order-payment-list" id="order-payment-list">
	    <dl>
			<dd>
			<div class="order-payment-area">
				<div class="h"><b>第三方支付平台</b></div>
				<div class="b clearfix" id="payment-bank-list-other"><!--bankList start-->  <ul class="clearfix"><li><div class="payment-area"><input type="radio" id="input-ALIPAY-1" value="ALIPAY" class="radio vam" name="bankName-input" data-type="1" seed="payment_3_1"><!-- 支付宝扫码支付活动链接 --><div class="hide" style="position:absolute; left:0;right:-120px;top:-20px;" 　=""><a href="/notice-613" target="_blank" style="color:red"><span style="color:red;">赢最高180元红包&gt;</span></a></div><label for="input-ALIPAY-1" class="vam"><img disabled="" title="支付宝" alt="支付宝" src="./images/alipay_logo1.png" class="vam pointer"></label></div></li><li><div class="payment-area"><input type="radio" id="input-WECHAT-17" value="WECHAT" class="radio vam" name="bankName-input" data-type="17" seed="payment_3_1"><!-- 支付宝扫码支付活动链接 --><label for="input-WECHAT-17" class="vam"><img disabled="" title="微信支付" alt="微信支付" src="./images/wechat_logo.gif" class="vam pointer"></label></div></li><li><div class="payment-area"><input type="radio" id="input-TENPAY-7" value="TENPAY" class="radio vam" name="bankName-input" data-type="7" seed="payment_3_1"><!-- 支付宝扫码支付活动链接 --><label for="input-TENPAY-7" class="vam"><img disabled="" title="财付通支付" alt="财付通支付" src="./images/tenpay_logo.gif" class="vam pointer"></label></div></li></ul><!--bankList end--></div>
		    </div>
			<div class="order-payment-area">
				<div class="h"><b>银行网银</b><em>支持以下各银行储蓄卡及信用卡</em><span>[<a href="http://www.vmall.com/help/faq-828.html#norm" target="_blank" title="查看支付限额">查看支付限额</a>]</span></div>
				<div class="b clearfix" id="payment-bank-list-bank"><!--bankList start-->  <ul class="clearfix"><li><div class="payment-area"><input type="radio" id="input-C_M_B-2" value="C_M_B" class="radio vam" name="bankName-input" data-type="2" seed="payment_1_1"><label for="input-C_M_B-2" class="vam"><img disabled="" title="招商银行" alt="招商银行" src="./images/CMB_OUT.gif" class="vam pointer"><div class="bank-tips"><p>储蓄卡单笔无限额（专业版），信用卡单笔最高限额5000元（专业版单笔无限额）</p><s></s></div></label></div></li>
					<li><div class="payment-area"><input type="radio" id="input-ICBC-7" value="ICBC" class="radio vam" name="bankName-input" data-type="7" seed="payment_1_2"><label for="input-ICBC-7" class="vam"><img disabled="" title="中国工商银行" alt="中国工商银行" src="./images/ICBC_OUT.gif" class="vam pointer"><div class="bank-tips"><p>储蓄卡单笔无限额（U盾客户），信用卡单笔无限额（U盾客户）</p><s></s></div></label></div></li>
					<li><div class="payment-area"><input type="radio" id="input-CCB-1" value="CCB" class="radio vam" name="bankName-input" data-type="1" seed="payment_1_3"><label for="input-CCB-1" class="vam"><img disabled="" title="中国建设银行" alt="中国建设银行" src="./images/CCB_OUT.gif" class="vam pointer"><div class="bank-tips"><p>储蓄卡单笔最高限额100万元（证书客户），信用卡单笔最高限额100万元（证书客户）</p><s></s></div></label></div></li>
					<li><div class="payment-area"><input type="radio" id="input-COMM-1" value="COMM" class="radio vam" name="bankName-input" data-type="1" seed="payment_1_4"><label for="input-COMM-1" class="vam"><img disabled="" title="交通银行" alt="交通银行" src="./images/COMM_OUT.gif" class="vam pointer"><div class="bank-tips"><p>储蓄卡单笔最高限额50000元（证书客户），信用卡单笔最高限额10000元（证书客户）</p><s></s></div></label></div></li>
					<li><div class="payment-area"><input type="radio" id="input-BJRCB-1" value="BJRCB" class="radio vam" name="bankName-input" data-type="1" seed="payment_1_17"><label for="input-BJRCB-1" class="vam"><img disabled="" title="北京农村商业银行" alt="北京农村商业银行" src="./images/BJRCB_OUT.gif" class="vam pointer"><div class="bank-tips"><p>储蓄卡单笔最高限额20万元（证书客户），信用卡单笔最高限额20万元（证书客户）</p><s></s></div></label></div></li></ul><!--bankList end--></div>
			</div>
			<!--<div class="order-payment-area">
				<div class="h"><b>信用卡快捷支付</b><em>无需网银</em></div>
				<div class="b clearfix" id="payment-bank-list-shortcut">bankList start  <ul class="clearfix"><li><div class="payment-area"><input type="radio" id="input-CMB_FP-5" value="CMB_FP" class="radio vam" name="bankName-input" data-type="5" seed="payment_1_1"><label for="input-CMB_FP-5" class="vam"><img disabled="" title="招商银行" alt="招商银行" src="/CMB_OUT.gif" class="vam pointer"><i>快捷</i></label></div></li>
					<li><div class="payment-area"><input type="radio" id="input-ICBC_FP-5" value="ICBC_FP" class="radio vam" name="bankName-input" data-type="5" seed="payment_1_2"><label for="input-ICBC_FP-5" class="vam"><img disabled="" title="中国工商银行" alt="中国工商银行" src="/ICBC_OUT.gif" class="vam pointer"><i>快捷</i></label></div></li>
					<li><div class="payment-area"><input type="radio" id="input-GDB_FP-5" value="GDB_FP" class="radio vam" name="bankName-input" data-type="5" seed="payment_undefined"><label for="input-GDB_FP-5" class="vam"><img disabled="" title="广东发展银行" alt="广东发展银行" src="/GDB_OUT.gif" class="vam pointer"><i>快捷</i></label></div></li></ul>
				</div>
			</div>-->
			</dd>
	    </dl>
		<div class="order-payment-action-area">
			<span class="voucher-use">
				<label><input type="checkbox" id="voucher" class="checkbox vam" disabled="">使用代金券支付</label><span id="voucher-total">可用代金券金额：0.00元</span>
			</span>
			<a class="button-style-5 button-confirm-payment" href="javascript:;" onclick="ec.order.payment.submit()">确认支付方式</a>
		</div>
    </div>
	<!--订单-表单-支付方式列表结束 -->
        <!--订单确认页跳转过来的-->
	<!--订单-表单-支付方式确认-20121016 -->
    <div class="order-payment-define-area hide" id="order-payment-define-area">
		<div class="b">
			<dl>
				<dd>
					<div class="payment-area vam">
						<input type="radio" class="radio vam" id="set-bank-input"><label class="vam current" for="set-bank-input"><img id="set-bank-img" class="vam" alt="#"><i id="set-bank-i">快捷</i></label>
						<em class="vam" id="set-bank-youhui"></em>
						<div class="bank-event-tips" id="bank-event-tips">
								<p>温馨提示：储蓄卡单笔无限额（专业版网银），信用卡单笔最高限额5000元</p>
								<s></s>
						</div>
					</div>
					<div class="inline-block vam"><span class="order-payment-price">支付&nbsp;<b>1999.00</b>&nbsp;<b>元</b></span></div><br><div class="bank-tips" id="set-bank-tips"><p></p><s></s></div>
				</dd>
			</dl>
			<ul id="instalment-description">
			
			</ul>
			<div class="payment-wechat clearfix hide" id="payment-wechat">
				<div class="payment-wechat-code">
					<div class="payment-wechat-img">
						<img src="" id="payment-wechat-img" alt="">
					</div>
					<div class="payment-wechat-tips">
						<i></i>
						<p>请使用微信扫一扫</p>
						<p>扫描二维码支付</p>
					</div>
				</div>
				<div class="payment-wechat-banner">
					<img src="http://res.vmallres.com/20151129/images/echannel/misc/payment_wechat_banner.jpg" alt="请使用微信扫一扫">
				</div>
			</div>
			<div class="payment-wechat clearfix hide" id="payment-105" style="width:600px; height:300px;">
				<iframe id="payment-105-img" src="" name="iframepage" frameborder="0" scrolling="no" width="100%" height="100%">
				</iframe>
			</div>
		</div>
		<div class="f">
		<a href="/payment/process?orderCodes=1840055649|&amp;paymentMethod=ALIPAY&amp;paymentType=1&amp;state=1" class="button-style-5 button-confirm-payment" id="go2pay" target="_blank">立即支付</a>
		</div>
    </div>

	<!--订单-表单-支付方式确认结束 -->

	</div>
</div>
<div class="hr-50"></div>
    <!-- 订单支付金额  -->
  <input type="hidden" id="orderCashPay" name="cashPay" value="1999.00">


<!-- 银行列表模板 -->
<textarea id="bank-list-tpl" class="hide">&lt;!--#macro bankList data--&gt;  
	
	&lt;ul class="clearfix"&gt;
		&lt;!--#list data.list as lst--&gt;
			&lt;!--#if (lst_index == 21) --&gt;
		    &lt;/ul&gt;
		    &lt;ul class="clearfix hide"&gt;
		    &lt;!--/#if--&gt;
			&lt;li&gt;
				&lt;!--#if (data.id == 'other') --&gt;
				&lt;div class="payment-area"&gt;
					&lt;input type="radio" id="input-{#lst[1]}-{#lst[0]}" value="{#lst[1]}" class="radio vam" name="bankName-input" data-type="{#lst[0]}" seed="payment_{#lst[5]}" /&gt;
					&lt;!-- 支付宝扫码支付活动链接 --&gt;
					&lt;!--#if (lst[2] == '支付宝') --&gt;&lt;div class="hide" style="position:absolute; left:0;right:-120px;top:-20px;"　&gt;&lt;a href="/notice-613" target="_blank" style="color:red"&gt;&lt;span style="color:red;"&gt;赢最高180元红包&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;!--/#if--&gt;
					&lt;label for="input-{#lst[1]}-{#lst[0]}" class="vam"&gt;
						&lt;img disabled title="{#lst[2]}" alt="{#lst[2]}" src="http://res.vmallres.com/pimages/{#lst[3]}" class="vam pointer" /&gt;
						
					&lt;/label&gt;
					&lt;!--#if (lst[4]) --&gt;
						&lt;div class="bank-event-tips"&gt;{#lst[4]}&lt;/div&gt;
					&lt;!--/#if--&gt;
				&lt;/div&gt;	
				
				&lt;!--#else--&gt;
				
				&lt;div class="payment-area"&lt;!--#if (lst[6]) --&gt; data-tip="{#lst[6]}"&lt;!--/#if--&gt;&gt;
					&lt;input type="radio" id="input-{#lst[1]}-{#lst[0]}" value="{#lst[1]}" class="radio vam" name="bankName-input" data-type="{#lst[0]}" seed="payment_{#lst[5]}" /&gt;

					&lt;label for="input-{#lst[1]}-{#lst[0]}" class="vam"&gt;
						&lt;img disabled title="{#lst[2]}" alt="{#lst[2]}" src="http://res.vmallres.com/pimages/{#lst[3]}" class="vam pointer" /&gt;
						&lt;!--#if (data.id == 'shortcut') --&gt;&lt;i&gt;快捷&lt;/i&gt;&lt;!--/#if--&gt;
						&lt;!--#if (lst[4]) --&gt;
							&lt;div class="bank-tips"&gt;&lt;p&gt;{#lst[4]}&lt;/p&gt;&lt;s&gt;&lt;/s&gt;&lt;/div&gt;
						&lt;!--/#if--&gt;
					&lt;/label&gt;

				&lt;/div&gt;
				&lt;!--/#if--&gt;
			&lt;/li&gt;

		&lt;!--/#list--&gt;
	&lt;/ul&gt;
	&lt;!--#if (data.list.length &gt; 21) --&gt;
	&lt;div class="f"&gt;&lt;a class="button-style-4" href="javascript:;" onclick="ec.order.payment.more(this)" data-type="0" seed="payment_more"&gt;查看更多&lt;/a&gt;&lt;/div&gt;
	&lt;!--/#if--&gt;
	
&lt;!--/#macro--&gt;
</textarea>
<!-- 银行列表 end-->
<!--订单-表单-支付方式结束 -->
<script>
ec.pkg("ec.order");
//支付方式相关事件
ec.order.payment = {
	cashPay : 1999.00,
	queryVoucherUrl : "https://cds.vmall.com/gateway/queryBalance",
	//代金券支付方式
	voucherType : 66,
	voucherMethod : "BALANCE",
	hoverObj : null,
	// 1：支付宝；2：网银支付；3：货到付款(暂时屏蔽)；4：退换货(暂时屏蔽)；5：快捷支付 6：分期付款
	bankList : [
		{"id":"other", "list" : [
			[1, "ALIPAY","支付宝","/bankLogo/alipay_logo1.png", "", "3_1"],
			[17, "WECHAT", "微信支付","/bankLogo/wechat_logo.gif", "", "3_1"],
			[7, "TENPAY","财付通支付","/bankLogo/tenpay_logo.gif", "", "3_1"]
		]},
		{"id":'bank', "list" : [
			// 网上银行列表
			[2,"C_M_B","招商银行","/bankLogo/CMB_OUT.gif","储蓄卡单笔无限额（专业版），信用卡单笔最高限额5000元（专业版单笔无限额）", "1_1"],
			[7,"ICBC","中国工商银行","/bankLogo/ICBC_OUT.gif","储蓄卡单笔无限额（U盾客户），信用卡单笔无限额（U盾客户）", "1_2"],
			[1,"CCB","中国建设银行","/bankLogo/CCB_OUT.gif","储蓄卡单笔最高限额100万元（证书客户），信用卡单笔最高限额100万元（证书客户）", "1_3"],
			[1,"COMM","交通银行","/bankLogo/COMM_OUT.gif","储蓄卡单笔最高限额50000元（证书客户），信用卡单笔最高限额10000元（证书客户）", "1_4"],
			[1,"ABC","中国农业银行","/bankLogo/ABC_OUT.gif","储蓄卡单笔无限额（K宝证书客户），信用卡单笔无限额（K宝证书客户）", "1_5"],
			[2,"0302","中信银行","/bankLogo/CITIC_OUT.gif","储蓄卡单笔无限额（证书客户），信用卡单笔最高限额500元（证书客户）", "1_6"],
			[1,"SPDB","上海浦东发展银行","/bankLogo/SPDB_OUT.gif","储蓄卡单笔无限额（证书客户），信用卡单笔无限额（证书客户）", "1_7"],
			[1,"BOCB2C","中国银行","/bankLogo/BOC_OUT.gif","储蓄卡单笔最高限额10000.00元，信用卡单笔最高限额5000.00元", "1_8"],
			[1,"GDB","广东发展银行","/bankLogo/GDB_OUT.gif","储蓄卡单笔无限额（数字证书客户），信用卡单笔最高限额1500.00元（数字证书客户）", "1_9"],
			/*[1,"SDB","深圳发展银行","/bankLogo/SDB_OUT.gif","储蓄卡单笔无限额（证书客户），信用卡单笔无限额（证书客户）", "1_10"],  */ 
			[2,"0309","兴业银行","/bankLogo/CIB_OUT.gif","兴业银行-储蓄卡单笔无限额（证书客户），信用卡单笔无限额", "1_11"],
			[7,"CEB","光大银行","/bankLogo/CEB_OUT.gif","储蓄卡单笔最高限额20万元（阳光网盾），信用卡单笔最高限额20万元（阳光网盾）", "1_12"],
			[1,"POSTGC","中国邮政储蓄银行","/bankLogo/PSBC_OUT.gif","储蓄卡单笔最高限额3000元（签约用户）", "1_13"],
			[2,"0410","平安银行","/bankLogo/SPABANK_OUT.gif","储蓄卡单笔最高限额50000元（网银高级用户），信用卡单笔最高限额5000元", "1_14"],
			[1,"HZCBB2C","杭州银行","/bankLogo/HZCB_OUT.gif","储蓄卡单笔无限额（证书客户），信用卡单笔最高限额500元（证书客户）", "1_15"],
			[7,"CMBC","中国民生银行","/bankLogo/CMBC_OUT.gif","储蓄卡单笔最高限额50万元（U宝），信用卡单笔最高限额50万元（U宝）", "1_16"],			
			[1,"BJRCB","北京农村商业银行","/bankLogo/BJRCB_OUT.gif","储蓄卡单笔最高限额20万元（证书客户），信用卡单笔最高限额20万元（证书客户）", "1_17"]		
			/*[1,"abc1003","VISA","/bankLogo/VISA_OUT.gif", "", "1_1"],
			[1,"abc1004","Master","/bankLogo/MASTER_OUT.gif", "", "1_1"]
			[1,"NBBANK","宁波银行","/bankLogo/NBBANK_OUT.gif","储蓄卡单笔无限额（USBKEY移动证书）", "1_1"],
			[1,"SHBANK","上海银行","/bankLogo/SHBANK_OUT.gif","暂无提示信息", "1_1"],			
			[1,"FDB","富滇银行","/bankLogo/FDB_OUT.gif","暂无提示信息"],*/
		]},
		{"id":"shortcut","list":[
			//快捷支付 
			[5,"CMB_FP","招商银行","/bankLogo/CMB_OUT.gif", "", "1_1"],
			[5,"ICBC_FP","中国工商银行","/bankLogo/ICBC_OUT.gif", "", "1_2"],			
			[5,"CCB_FP","中国建设银行","/bankLogo/CCB_OUT.gif", "", "1_3"],			
			[5,"ABC_FP","中国农业银行","/bankLogo/ABC_OUT.gif", "", "1_4"],
			/*[5,"SDB","深圳发展银行","/bankLogo/SDB_OUT.gif", "", "1_5"],*/
			[5,"CEB_FP","中国光大银行","/bankLogo/CEB_OUT.gif", "", "1_6"],
			[5,"BOC_FP","中国银行","/bankLogo/BOC_OUT.gif", "", "1_7"],
			[5,"PAB_FP","平安银行","/bankLogo/SPABANK_OUT.gif", "", "1_8"],
			
			[5,"CMBC_FP","中国民生银行","/bankLogo/CMBC_OUT.gif"],
			[5,"CIB_FP","兴业银行","/bankLogo/CIB_OUT.gif"],
			[5,"CITIC_FP","中信银行","/bankLogo/CITIC_OUT.gif"],
			[5,"GDB_FP","广东发展银行","/bankLogo/GDB_OUT.gif"]

		]}
	],
	//获取和绑定支付列表事件
	bind : function () {
		var template =  new ec.template(gid("bank-list-tpl").value),
			paymentType = gid('order-paymentType').value,
			paymentMethod = gid('order-paymentMethod').value,
			_this = ec.order.payment;
		
		for(var i = 0; i< this.bankList.length; i+=1) {
			var n = this.bankList[i].id;
			$("#payment-bank-list-"+n).html(template.parse("bankList", this.bankList[i]));

		}
		
		$("#order-payment-list dd input").click(function () {
			var _thix = $(this),
			thisType = _thix.attr('data-type'),
			thisValue = _thix.attr('value');
			if(_this.hoverObj) _this.hoverObj.next('label').removeClass('current');
			ec.order.payment.hoverObj = _thix;
			_thix.next('label').addClass('current');
			if((thisType == 1 && thisValue == 'ALIPAY') || (thisType == 1 && thisValue == 105) || thisType == 17){
				_this.submit();
			}
			this.blur();
		});
		$("#order-payment-list .payment-area").hover(function () {
			$(this).find('label').addClass('current');
		}, function () {
			if($(this).children('input').attr('checked')) return;
			$(this).find('label').removeClass('current');
		});
		
		//如果有值就自动选中
		if(paymentType && paymentMethod) {
			ec.order.payment.hoverObj = $('#input-'+ paymentMethod +'-'+ paymentType);
			$('#input-'+ paymentMethod +'-'+ paymentType).attr('checked', true).next('label').addClass('current');
			this.submit();
		}
	},
	//确定支付方式
	submit : function () {
		if(!this.hoverObj) {
			alert('请先选择一个支付方式');
			return false;
		}
		
		var payType = ['支付宝','银行网银','货到付款',0,'信用卡快捷支付',0,'财付通', '分期付款','微信'];
		var $thixInput = this.hoverObj,
			thisVal = $thixInput.val(),
			thisType = $thixInput.attr('data-type'),
			thisValue = $thixInput.attr('value'),
			
			
			$imgObj = $thixInput.next('label').children('img'),			
			alt = $imgObj.attr('alt'),
			
			$checkLi = $thixInput.parent(),			
			payName = payType[thisType-1],
			dataYouhui = $checkLi.attr('data-tip'),
			dataTips = $checkLi.find('.bank-tips p').html(),
			dataTips1 = $checkLi.find('.bank-event-tips').html(),
	
			title = $('#onlinePay').attr('checked') ? '在线支付':'货到付款',
			title = title+'[' + payName +']';
			title = title+'：' + alt;
			
		var displayId = $("input[name='bankName-input']:checked").siblings(".displayId").val();
		
		ec.order.payment.queryBank(displayId);

		//设置当前选中的银行代码		
		$("#order-paymentType").val(thisType);
		if($("#order-paymentMethod").val() !== thisVal) {
			$("#order-paymentMethod").val(thisVal);
			if(ec.order.resetCoupon) ec.order.resetCoupon();
		}
		
		
		//设置当前选中银行的相关提示信息和LOGO
		if(thisType == 5) { //快捷支付标志
			$("#set-bank-i").show();
		} else {
			$("#set-bank-i").hide();
		}
		if(thisType == 17) { //微信扫码支付
		 	var imgSrc = "/payment/getWxImg?orderCodes=" + $('input[name="orderCodes"]').val()
							+ "&paymentMethod=" + $('input[name="paymentMethod"]').val()
							+ "&paymentType=" + $('input[name="paymentType"]').val()
							+ "&state=" + $('input[name="state"]').val() ;		
			$("#payment-wechat-img").attr("src",imgSrc);
			$("#payment-105").hide();
			$("#payment-wechat").show();
			$("#go2pay").hide();
		} else if((thisType == 1 && thisValue == 105)) { //支付宝扫码支付
			$("#payment-105-img").remove();
			var newNode;
                newNode = document.createElement("iframe");
        		newNode.id= "payment-105-img";
        		newNode.width= "100%";
        		newNode.height= "100%";
				newNode.frameBorder= 0;
				$("#payment-105")[0].appendChild(newNode);

			var imgSrc = "/payment/process?orderCodes=" + $('input[name="orderCodes"]').val()
							+ "&paymentMethod=" + $('input[name="paymentMethod"]').val()
							+ "&paymentType=" + $('input[name="paymentType"]').val()
							+ "&state=" + $('input[name="state"]').val() ;
			$("#payment-105-img").attr("src",imgSrc);
			$("#payment-wechat").hide();
			$("#payment-105").show();
			$("#go2pay").hide();
		} else {
			$("#payment-wechat").hide();
			$("#payment-105").hide();
			$("#go2pay").show();
		}
		if(thisType == 58 || thisType == 59)
		{
			$("#instalment-description").show();
			$("#bank-event-tips").show();
		}
		else
		{
			$("#instalment-description").hide();
			$("#bank-event-tips").hide();
		}
		$("#set-pay-name").html(title);
		var imghref=$("[name='bankName-input']:checked~label>img").attr("src");
		
		$("#set-bank-img").attr({"src":imghref, "data-code": thisVal, "alt": alt}).show();
		if(dataYouhui && dataYouhui.length > 0) {
			$("#set-bank-youhui").html('('+ dataYouhui +')');
		} else {
			$("#set-bank-youhui").hide();
		}
		if(dataTips && dataTips.length > 0) {
			$("#set-bank-tips").show().find('p').html(dataTips);
		} else {
			$("#set-bank-tips").hide();
		}
		if(dataTips1 && dataTips1.length > 0) {
			$("#bank-event-tips").show().html(dataTips1);
		} else {
			$("#bank-event-tips").hide();
		}

		$("#set-bank-input").attr('checked', true);

		$("#order-payment-list").hide();
		$("#order-payment-define-area").show();

		ec.ui.scrollTo("#order-payment-mod");
		
		// 设置支付URL
		var payUrl = "/payment/process?orderCodes=" + $('input[name="orderCodes"]').val()
							+ "&paymentMethod=" + $('input[name="paymentMethod"]').val()
							+ "&paymentType=" + $('input[name="paymentType"]').val()
							+ "&state=" + $('input[name="state"]').val() ;
		$("#go2pay").attr("href", payUrl);
		
		if (thisType == 1 && thisValue == 'ALIPAY')
		{
			$("#go2pay").click();
			window.open(payUrl);
		}
	},
	//修改支付方式
	edit : function () {
		$("#order-payment-list").show();
		$("#order-payment-define-area").hide();
	},
	more : function (obj) {
	   var b = ($(obj).attr('data-type')==1) ? 0 : 1,
          text = b ? '收起' : '查看更多';
         
       $(obj).attr('data-type', b).html(text)
         .parent().prev().toggle();
         
	},
	
	queryBank : function (id) {
	if($("[id*='intalment-']:checked ").length==0){
	   return ;
	}
		new ec.ajax().get({
		
			url : "/bankInstalment/" + id + ".json",
			timeout : 10000,
			timeoutFunction : function() {
				alert("读取超时，请重试！");
			},
			successFunction : function(json) {
					if (json.success) {
					//定义分期的 名称数组
					var name=[];
					//定义分期的期数数组
					var groupNum=[];
					//定义分期的利率数组
					var rateValue=[];
					//获取返回来的 所选银行的 可供选择的数据信息
					var BankInstalmentList=json.selectedBankInstalmentList;
					//定义此订单的支付总金额
					var orderCashPay= $("#orderCashPay").val();
					
					//定义 分期付款的html内容样式
					var htmlContent='<li class="p-stages"><span>选择分期：</span>';
						for(var i=0; i<BankInstalmentList.length;i++){
						   name[i]=BankInstalmentList[i].name;
						   groupNum[i]=BankInstalmentList[i].value;
						   rateValue[i]=BankInstalmentList[i].rate;   
						   
						    if(i==0){
						       htmlContent= htmlContent+'<input type="radio" name="groupNum" title="'+ rateValue[i] +'" checked="true" value="'+groupNum[i]+'"/>'+name[i]+'&nbsp;&nbsp;';
						   }else{
						   
						   htmlContent= htmlContent+'<input type="radio" name="groupNum" title="'+ rateValue[i] +'" value="'+groupNum[i]+'"/>'+name[i]+'&nbsp;&nbsp;&nbsp;&nbsp;';
						}
						}
						//定义手续费
						var rateFee=(parseFloat(orderCashPay)*parseFloat(rateValue[0])/100).toFixed(2);
						
						//定义总费用
						var totalFee=(parseFloat(orderCashPay)+parseFloat(rateFee)).toFixed(2);
						htmlContent=htmlContent+'</li><li class="p-amount"><label>支付总金额：</label><b><span id="totalCashPay">'+totalFee +'</span></b>元=<b>'+orderCashPay+'</b>（商品金额）+<b><span id="ratePay">'+ rateFee +'</span></b>(分期付款手续费以银行收取为准)</li><li class="p-rule"><label>还款规则：</label>分<b><span id="numValue">' + groupNum[0] +  '</span></b>期，每期<b><span id="cashFee">'+(totalFee/groupNum[0]).toFixed(2)+'</span></b>元</li>';
						
						$("#instalment-description").html(htmlContent);
						//显示分期付款支付内容
						$("#order-payment-define-area").show();
						$("#instalment-description").show();
						$("#set-bank-tips").html('<p>温馨提示：储蓄卡单笔无限额（专业版网银），信用卡单笔最高限额5000元</p><s></s>');
					    $("#set-bank-tips").show();
	
					  // 设置支付URL
					   var href=$("#go2pay").attr("href");
					  if(href.indexOf("paymentInstalmentValue")==-1){
	                    //如果之前没有设置paymentInstalmentValue参数
	                    $("#go2pay").attr("href",href+"&paymentInstalmentValue=" + groupNum[0]);
	                    }else{
	                       $("#go2pay").attr("href", href.substring(0,href.indexOf("&paymentInstalmentValue")) +"&paymentInstalmentValue=" + groupNum[0]);
	                      }
					}
					if (!json.success) {
					
						ec.showError(json);
						return;
					}
			}
		});
	}
}; 
//加载支付方式
ec.order.payment.bind();


// 绑定立即支付事件
$("#go2pay").bind("click",function(){
  ec.order.gopay();
});

//绑定分期选中事件
$("#instalment-description").delegate(":input","click",function(){
  //获取订单的支付金额
  var cashPay= parseFloat($("#orderCashPay").val());
  //获取当前选择的期数
  var groupNum=parseFloat($(this).val());
  //获取当前的利率
  var currentRate=parseFloat($(this).attr("title"));
   //如果总的期数大于1
  if($("[name='groupNum']").length>1 ){
    //总费用
    $("#totalCashPay").html((cashPay+cashPay*currentRate/100).toFixed(2));
   //手续费（利息）
    $("#ratePay").html((cashPay*currentRate/100).toFixed(2));
    //分的期数
    $("#numValue").html(groupNum);
    //每期还多少钱
     $("#cashFee").html(((cashPay+cashPay*currentRate/100)/groupNum).toFixed(2));
     
	// 设置支付URL
	 var href=$("#go2pay").attr("href");
	 
	 
	  
	  if(href.indexOf("paymentInstalmentValue")==-1){
	    //如果之前没有设置paymentInstalmentValue参数
	   $("#go2pay").attr("href",href+"&paymentInstalmentValue=" + groupNum);
	 }else{
	      $("#go2pay").attr("href", href.substring(0,href.indexOf("&paymentInstalmentValue")) +"&paymentInstalmentValue=" + groupNum);
	 }
	
  }
  
});

</script>
	
	</div>
	
	
	
	
	

	
	<!--我的购物车部-[订单提交成功]-结束部分/-->
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<!--尾部-[公用]-开始-->
	
	<div class="hr-40"></div>
	<!--口号-1 -->
	<div class="slogan">
		<ul>
			<li class="s1"><i></i>500强企业&nbsp;品质保证</li>
			<li class="s2"><i></i>7天退货&nbsp;15天换货</li>
			<li class="s3"><i></i>99元起免运费</li>
			<li class="s4"><i></i>448家维修网点&nbsp;全国联保</li>
		</ul>
	</div>
	<!--口号-end -->
	
	<!--服务-2 -->
	<div class="service">
		<dl class="s1">
			<dt><i></i>帮助中心</dt>
			<dd>
				<ol>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-790.html">购物指南</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-814.html">配送方式</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-828.html">支付方式</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/category-16.html">常见问题</a></li>
				</ol>
			</dd>
		</dl>
		<dl class="s2">
			<dt><i></i>售后服务</dt>
			<dd>
				<ol>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-833.html">保修政策</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-834.html">退换货政策</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-835.html">退换货流程</a></li>
					<li><a target="_blank" href="http://consumer.huawei.com/cn/support/express-repair/index.htm">手机寄修服务</a></li>
				</ol>
			</dd>
		</dl>
		<dl class="s3">
			<dt><i></i>技术支持</dt>
			<dd>
				<ol>
					<li><a target="_blank" href="http://consumer.huawei.com/cn/support/service-center/index.htm">售后网点</a></li>
					<li><a target="_blank" href="http://consumer.huawei.com/cn/support/faqs/index.htm">常见问题</a></li>
					<li><a target="_blank" href="http://consumer.huawei.com/cn/support/manuals/index.htm">产品手册</a></li>
					<li><a target="_blank" href="http://app.hicloud.com/">软件下载</a></li>
				</ol>
			</dd>
		</dl>
		<dl class="s4">
			<dt><i></i>关于商城</dt>
			<dd>
				<ol>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-934.html">公司介绍</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/faq-939.html">华为商城简介</a></li>
					<li><a target="_blank" href="http://www.vmall.com/help/index.html">联系客服</a></li>
				</ol>
			</dd>
		</dl>
		<dl class="s5">
			<dt><i></i>关注我们</dt>
			<dd>
				<ol>
					<li><a class="sina" rel="nofollow" href="http://weibo.com/shophuawei" target="_blank">新浪微博</a></li>
					<li><a class="qq" rel="nofollow" href="http://t.qq.com/shophuawei" target="_blank">腾讯微博</a></li>
					<li><a class="huafen" href="http://cn.club.vmall.com/" target="_blank">花粉社区</a></li>
					<li><a href="http://www.vmall.com/appdownload" target="_blank">商城手机版</a></li>
				</ol>
			</dd>
		</dl>
	</div>
	<!--服务-2 /-->
	
	<!--在线客服-->
	<!--努力开发中......-->
	<!--在线客服/-->
	
	
	<!--底部 -->
	<footer class="footer">
    <!-- 20160106-底部-友情链接-start -->
		<div class="footer-otherLink">
			<p>热门<a href="#" target="_blank">华为手机</a>：<span style="line-height:1.5;">| <a href="http://www.vmall.com/product/2647.html" target="_blank">华为Mate8</a> | <a href="http://www.vmall.com/product/2366.html" target="_blank" textvalue="华为Mate S">华为Mate S</a> | <a href="http://www.vmall.com/product/2172.html" target="_blank">荣耀7</a> | <a href="http://www.vmall.com/product/1896.html" target="_blank">华为P8</a> | <a href="http://www.vmall.com/product/2324.html" target="_blank">荣耀7i</a> | <a href="http://www.vmall.com/product/2519.html" target="_blank">荣耀畅玩5X</a> | </span><a href="http://www.vmall.com/product/1372.html" target="_blank" textvalue="Ascend Mate 7" style="line-height:1.5;">Ascend Mate7</a><span style="line-height:1.5;"> | </span><span style="line-height:1.5;"><a href="http://www.vmall.com/product/1946.html" target="_blank">荣耀畅玩4C</a> | <a href="http://www.vmall.com/product/1612.html" target="_blank">荣耀6 Plus</a> | <a href="http://www.vmall.com/product/2225.html" target="_blank">荣耀4A</a> | <a href="http://www.vmall.com/product/2270.html" target="_blank">华为麦芒4</a> | </span><a href="http://www.vmall.com/product/1817.html" target="_blank" style="line-height:1.5;">荣耀X2</a><span style="line-height:1.5;"> </span><span style="line-height:1.5;">|</span><span style="line-height:1.5;"> </span><a href="http://www.vmall.com/product/1182.html" target="_blank" style="line-height:1.5;">荣耀6</a><span style="line-height:1.5;"> | </span><a href="http://www.vmall.com/product/1494.html" target="_blank" style="line-height:1.5;">荣耀畅玩4X</a><span style="line-height:1.5;"> | <a href="http://www.vmall.com/recycle" target="_blank">以旧换新</a> |</span></p><p><br></p>
		</div>
		<div class="footer-warrant-area">
			<p>Copyright © 2011-2015  华为软件技术有限公司  版权所有  保留一切权利  苏B2-20130048号 | 苏ICP备09062682号-9            </p>
			<p><a target="_blank" href="./images/wwwz.jpg">网络文化经营许可证苏网文[2012]0401-019号</a></p>
			<p class="footer-warrant-img">   
				<a target="_blank" href="./images/license.png">
					<img title="经营性网站" alt="经营性网站" src="./images/certificate_01_112_40.png">
					
				</a> 
				<a title="诚信网站" href="#" rel="nofollow" target="_blank">
					<img alt="诚信网站" src="./images/certificate_02_112_40.png"></a> 
					<a title="诚信网站" href="#" rel="nofollow" target="_blank">
						<img alt="诚信网站" src="./images/certificate_03_112_40.png">
						
					</a></p>
		</div><!--授权结束 -->
		
	</footer>
	
	<!--底部 /-->
	
	
	<!--尾部-[公用]-结束/-->
</div>


<!--[原创制作]_[忠标 | 北京2016.1.6 版权著作]--->





</body>
</html>